<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- <button onclick="Fun('蔡徐坤')">点我</button>
    <button onclick="showRandom(30,40)">获取随机数</button>

    <button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
    <button onclick="myFunction('Bob','Builder')">点击这里</button> -->
    <div id="demo"></div>
    <button onclick="myFunction()">获取最大的</button>
  </body>
  <button onclick="numbers.forEach(myFunction1)">点我</button>
  <p id="demo"></p>

  <script>
    // demoP = document.getElementById('demo')
    // var numbers = [4, 9, 16, 25]

    // function myFunction1(item, index) {
    //   console.log(index)
    //   demoP.innerHTML =
    //     demoP.innerHTML + 'index[' + index + ']: ' + item + '<br>'
    // }
    // var numbers = [4, 9, 16, 25]
    // var res = numbers.includes(16)
    // console.log(res)
    // var res = numbers.map(function (item, index) {
    //   console.log(val)
    //   return index + 1
    // })

    var fruits = ['Banana', 'Orange', 'Apple', 'Mango']
    console.log(fruits)
    // 2下标
    fruits.splice(1, 1, '你好', '我好', '大家好')
    console.log(fruits)
  </script>
  <script>
    // function myFunction(name, job) {
    //   alert('Welcome ' + name + ', the ' + job)
    // }
    // function Fun(a) {
    //   console.log('你是谁' + a)
    // }

    // Fun()
    // function getname(age, sex, num) {
    //   return num + 'jay：年龄' + age + '性别：' + sex //返回的意思
    // }
    // var name = getname(41, '男', 999)
    // console.log(name)

    // function 函数名(参数1,参数2,....,参数n){
    //     // 函数体 代码块
    //     // return 返回的意思
    // }
    //获取指定范围的随机数
    // function getRandom(max, min) {
    //   return Math.floor(Math.random() * (max - min) + 1) + min
    // }
    // function showRandom(a, b) {
    //   document.write(getRandom(a, b))
    // }
    // for (let i = 0; i < 50; i++) {
    //   console.log(getRandom(9, 20))
    // }
    // var num = 123
    // function f() {
    //   var num = 123
    //   console.log(num)
    // }
    // f()
    // console.log(num)
    // var var1 = 1 // 不可配置全局属性
    // var2 = 2 // 没有使用 var 声明，可配置全局属性

    // console.log(this.var1) // 1
    // console.log(window.var1) // 1
    // console.log(window.var2) // 2

    // delete var1 // false 无法删除
    // console.log(var1) //1

    // delete var2
    // console.log(delete var2) // true
    // console.log(var2) // 已经删除 报错变量未定义
    // function fun(num1 = 9, num2 = 99) {
    //   console.log(num1, num2)
    // }
    // fun(1, 6)
    var ages = [1, 2, 3, 32, 33, 16, 40]

    function checkAdult(age) {
      console.log(age)
      return age >= 18
    }

    function myFunction() {
      document.getElementById('demo').innerHTML = ages.find(checkAdult)
    }
  </script>
</html>
